<template>
    <view class="header">
        <text class="title">{{title}}</text>
        <view class="navhead">
            <text>{{contant}}</text>
            <view class="empty"></view>
            <view class="more">查看更多</view>
        </view>
    </view>
</template>

<script>
export default {
    data() {
        return {

        }
    },
    onLoad() {

    },
    methods:{

    },
    props:{
        title:String,
        contant:String
    }
}
</script>

<style scoped>
.header{
    width: 100%;
    height: 140rpx;
}

.header .title{
    font-size: 40rpx;
    color:grey;
    margin-left: 10rpx;
}
.header .navhead{
    display: flex;
    justify-content: start;
    padding: 0 10rpx;
    margin-top: 10rpx;
}

.header .navhead .empty{
    flex: 5;
}

.header .navhead .more{
    /* background-color: grey; */
    border-radius: 50rpx;
    font-size: 26rpx;
    padding: 10rpx 20rpx;
    border: 1px solid grey;
}


</style>